<template>
    <div>
        <span @click="btn('/sports/mysport')">体育的主页</span>
        <span @click="btn('/sports/guon')">国内的体育 </span>
        <span @click="btn('/sports/guow')">国外体育的主页 </span>
        <div>
            <router-view ></router-view>
        </div>
    </div>

</template>

<script>
export default {
   methods:{
    btn(id){
        this.$router.push({
           path:id
        })
    }
   }
}
</script>

<style>
  span {
    margin-top: 15px;
    margin-right: 15px;
  }
</style>